MikeCoder / MJsonViewer

// Permission is hereby granted, free of charge, to any person obtaining

// a copy of this software and associated documentation files (the "Software"),

// to deal in the Software without restriction, including without limitation

// the rights to use, copy, modify, merge, publish, distribute, sublicense,

// and/or sell copies of the Software, and to permit persons to whom the

// Software is furnished to do so, subject to the following conditions:

// The above copyright notice and this permission notice shall be included

// in all copies or substantial portions of the Software.

// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,

// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES

// OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.

// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,

// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,

// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE

// OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

var hideDetails; // hide the count and size

// ===========================================

// DEFAULT VALUES

// ===========================================

var RAND = "MIKE";

var HOV  = "H" + RAND;

var DIV  = "D" + RAND;

var KEY  = "K" + RAND;

var STR  = "S" + RAND;

var BOOL = "B" + RAND;

var ERR  = "E" + RAND;

var COLL = "C" + RAND;

// fontStyle    = "Consolas";

// bgColor      = "#FDF6E3";

// intColor     = "#657A81";

// strColor     = "#2AA198";

// keyColor     = "#B58900";

// defaultColor = "#586E75";

// strictOnly   = false;

// hideDetails  = false;

// dontBeatify  = false;

// ===========================================

// COMMON FUNCTIONS

// ===========================================

}

function reconvert(str) {

    str = str.replace(/(\\u)(\w{1,4})/gi, function($0) {

        return (String.fromCharCode(parseInt((escape($0).replace(/(%5Cu)(\w{1,4})/g, "$2")), 16)));

    });

    str = str.replace(/(&#x)(\w{1,4});/gi, function($0) {

        return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{1,4})(%3B)/g, "$2"), 16));

    });

    str = str.replace(/(&#)(\d{1,6});/gi, function($0) {

        return String.fromCharCode(parseInt(escape($0).replace(/(%26%23)(\d{1,6})(%3B)/g, "$2")));

    });

    return str;

}

function units(size) {

    return size > 1048576 ? (0 | (size / 1048576)) + "MB" :

        size > 1024 ? (0 | (size / 1024)) + "KB" :

        size + "B";

}

function fragment(div, a, b) {

    var frag = document.createDocumentFragment();

    frag.appendChild(document.createTextNode(a));

    if (b) {

        frag.appendChild(div.cloneNode());

        frag.appendChild(document.createTextNode(b));

    } else {

        frag.appendChild(document.createElement("br"));

    }

    return frag;

}

function change(node, query, name, set) {

    var list = node.querySelectorAll(query),

        i = list.length;

}

function draw(str, current, isEmbed=false) {

    var re = /("(?:((?:https?|file):\/\/(?:\\?\S)+?)|(?:\\?.)*?)")\s*(:?)|-?\d+\.?\d*(?:e[+-]?\d+)?|true|false|null|[[\]{},]|(\S[^-[\]{},"\d]*)/gi;

    var node = document.createElement("div");

    node.classList.add(DIV);

    var link = document.createElement("a");

    var span = document.createElement("span");

    var info = document.createElement("i");

    var colon = document.createTextNode(": ");

    var comma = fragment(node, ",");

    var path = [];

    var cache = {

        "{": fragment(node, "{", "}"),

        "[": fragment(node, "[", "]")

    };

    node.className = "R" + RAND;

    link.classList.add("L" + RAND);

    if (isEmbed) {

        info.classList.add("IJSON" + RAND);

    } else {

        info.classList.add("I" + RAND);

    }

    parse(str, re);

    current.innerHTML = node.innerHTML;

    function parse(str, re) {

        str = reconvert(str);

        var match, val, tmp, i = 0;

        var len = str.length;

        try {

            for (; match = re.exec(str);) {

                val = match[0];

                if (val == "{" || val == "[") {

                    node.appendChild(cache[val].cloneNode(true));

                    node = node.lastChild.previousSibling;

                    node.len = 1;

                    node.start = re.lastIndex;

                } else if ((val == "}" || val == "]") && node.len) {

                    if (node.childNodes.length) {

                        tmp = info.cloneNode();

                        if (!hideDetails) {

                            tmp.dataset.content = node.len + (

                                node.len == 1 ?

                                (val == "]" ? " item, " : " property, ") :

                                (val == "]" ? " items, " : " properties, ")

                            ) + units(re.lastIndex - node.start + 1);

                        }

                        if ((val = node.previousElementSibling) && val.className == KEY) {

                            tmp.dataset.key = reconvert(val.textContent.slice(1, -1).replace(/'/, "\\'"));

                        }

                        node.parentNode.insertBefore(tmp, node);

                    } else {

                        node.parentNode.removeChild(node);

                    }

                    node = path.pop();

                } else if (val == ",") {

                    node.len += 1;

                    node.appendChild(comma.cloneNode(true));

                } else {

                    if (match[2]) {

                        tmp = link.cloneNode();

                        tmp.href = match[2].replace(/\\"/g, '"');

                    } else {

                        tmp = span.cloneNode();

                    }

                    tmp.textContent = match[1] || val;

                    tmp.classList.add(match[3] ? KEY : match[1] ? STR : match[4] ? ERR : BOOL);

                    node.appendChild(tmp);

                    if (match[3]) {

                        node.appendChild(colon.cloneNode());

                    }

                }

                if (++i > 1000) {

                    document.title = (0 | (100 * re.lastIndex / len)) + "% of " + units(len);

                    return setTimeout(function() {

                        parse(str, re)

                    });

                }

            }

            document.title = "";

        } catch (e) {

            // TODO: find a better way to report error

            // tmp = document.createElement("h3");

            // tmp.className = ERR;

            // tmp.textContent = e;

            // box.insertBefore(tmp, box.firstChild);

        }

    }

}